:root {
    --text-color-default: #121212;
    --logo-frame-color: #1B1D1B;
    --logo-letter-color: #fff;
    --logo-color: #3C3C3C;
    --header-bg-color: transparent;
    --labelacademy-bg: #fff482;
    --arrow-color: #d23631;
    --link-color: #d23631;
    --cta-text-color: #fff;
    --cta-color: #d23631;
    --cta-border: #d23631;
    --container-size: 1360px;
    --text-decoration-thickness: 2px;
    --font-size-xx-large: 4.883rem;
    --font-size-x-large: 3.125rem;
    --font-size-large: 2.5rem;
    --font-size-medium: 2rem;
    --font-size-default: 1.8rem;
    --font-size-small: 1.6rem;
    --font-size-min-value: 1.8;
    --font-size-max-value: 2;
    --font-size-scaler-value: 2;
    --font-lh-scaler: 1.4;
    --lineheight-text-default: 1.35;
    --lineheight-text-alt: 1.2;
    --p-size-s-value: 1.6;
    --p-size-l-value: 1.75;
    --p-scaler-value: 1.75;
    --p-lh-s: 1.35;
    --p-lh-l: 1.35;
    --p-lh-scaler-value: 1.35;
    --h1-size-s-value: 3.157;
    --h1-size-l-value: 4.209;
    --h1-scaler-value: 4.209;
    --h1-lh-s: 1.2;
    --h1-lh-l: 1.5;
    --h1-lh-scaler-value: 1.5;
    --h2-size-s-value: 2.5;
    --h2-size-l-value: 3.157;
    --h2-scaler-value: 3.157;
    --h2-lh-s: 1.25;
    --h2-lh-l: 1.25;
    --h2-lh-scaler-value: 1.25;
    --h3-size-s-value: 1.777;
    --h3-size-l-value: 2.369;
    --h3-scaler-value: 2.369;
    --h3-lh-s: 1.25;
    --h3-lh-l: 1.25;
    --h3-lh-scaler-value: 1.25;
    --bq-size-s-value: 2;
    --bq-size-l-value: 2.5;
    --bq-scaler-value: 2.5;
    --bq-lh-s: 1.2;
    --bq-lh-l: 1.2;
    --bq-lh-scaler-value: 1.2;
    --border-radius-default: 5px;
    --border-radius-alt: 1rem;
    --border-width-default: 1px;
    --border-width-alt: 3px;
    --duration-default: .25s;
    --duration-alt: .5s;
    --spacing-small: .75rem;
    --spacing-default: 1.6rem;
    --spacing-medium: 2rem;
    --spacing-large: 3.2rem;
    --spacing-x-large: 6.4rem;
    --spacing-xx-large: 8.2rem;
    --flow-space: 2rem;
    --list-item-spacing: 2rem;
    --grid-gap: 3.2rem;
    --grid-2: repeat(2, minmax(0, 1fr));
    --grid-3: repeat(3, minmax(0, 1fr));
    --grid-4: repeat(4, minmax(0, 1fr));
    --grid-5: repeat(5, minmax(0, 1fr));
    --grid-12: repeat(12, minmax(0, 1fr));
    --grid-4-5: 6fr 1fr 4fr 3fr 3fr 4fr 1fr 6fr;
    --auto-fill: repeat(auto-fill, minmax(400px, 1fr));
    --color-border: #1D1D1B;
    --color-border-alt: #E8E8E8
}

.event__item figure, .event__item figure img {
    margin-bottom: 0
}

.event__item figure {
    border: 1px solid #121212;
    margin: 0 0 2rem 0;
    padding: 1rem 4rem;
    text-align: center
}

.event__item .date {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: .25em
}

.event__item .location {
    --text-color-default: #3C3C3C;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400
}

.event__item h3 {
    margin-bottom: .25em;
    font-size: 17px;
    font-size: 1.7rem
}

@media only screen and (min-width: 768px) {
    .event__item h3 {
        font-size: 20px;
        font-size: 2rem
    }
}

.event__item h3 a {
    text-decoration: none
}

.event__item h3 a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: var(--text-decoration-thickness)
}

.event-list--full .event__item {
    margin-bottom: 2rem;
    margin-bottom: var(--spacing-medium)
}


/*img {*/
/*    border-width: 0;*/
/*    content-visibility: auto;*/
/*    max-width: 100%;*/
/*    vertical-align: middle;*/
/*    height: auto;*/
/*    transition: all var(--duration-default) ease;*/
/*}*/

.brand-strip {
    background: #121212;
}

.path-frontpage .container {
    padding: 0;
    margin: 0 15px;
}

.brand-strip__block.grid {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 2rem;
}

@media only screen and (min-width: 768px) {
    .brand-strip__block.grid {
        text-align: left;
        display: grid;
        grid-template-columns: auto 1fr;
        width: 41rem;
        margin: 0 auto;
    }
}

.brand-strip__block img {
    margin-bottom: 1rem;
    float: left;
    width: 120px;
    vertical-align: middle;
}

@media only screen and (min-width: 768px) {
    .brand-strip__block img {
        margin-bottom: 0;
    }
}

.brand-strip__block.grid {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 2rem;
}

@media only screen and (min-width: 768px) {
    .brand-strip__block.grid {
        text-align: left;
        display: grid;
        grid-template-columns: auto 1fr;
        width: 41rem;
        margin: 0 auto;
    }
}

.brand-strip p {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (min-width: 768px) {
    .brand-strip p {
        font-size: 20px;
        font-size: 2rem;
    }
}

.block-content {
    margin-left: 20px;
}

.section-title-wrapper {
    position: relative
}

.section-title-wrapper .inline-link {
    position: absolute;
    top: -5px;
    right: 0;
    width: 90px;
    /*bottom:15px;*/
}

@media only screen and (min-width: 400px) {
    .section-title-wrapper .inline-link {
        top: 15px;
        width: inherit;
    }
}

.inline-link a, .inline-link a:visited {
    text-decoration: none;
    font-weight: 600;
    color: var(--link-color);
}

.section-title-wrapper {
    position: relative;
    margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
    .section-title-wrapper {
        margin-bottom: var(--spacing-large);
    }
}

.event__info .location {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
    line-height: 1.2em;
    height: 2.8em;
}

.event__info h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
}